<template>
    <div class="bg">
        <div>
            <van-nav-bar
            title="元气森林"
            />
            <van-swipe class="my-swipe" :autoplay="3000" indicator-color="black">
                <van-swipe-item><img src="../../assets/lb1.jpg" style="width: 80%;"></van-swipe-item>
                <van-swipe-item><img src="../../assets/lb2.jpg" style="width: 80%;"></van-swipe-item>
                <van-swipe-item><img src="../../assets/lb3.jpg" style="width: 80%;"></van-swipe-item>
            </van-swipe>

            <ul class="lb_1">
                <li>
                    <img src="../../assets/lb_bottom1.jpg">
                </li>

                <li>
                    <img src="../../assets/lb_bottom1_1.jpg" style="width: 40%; margin-left: 22px; margin-right: 33px;">
                    <img src="../../assets/lb_bottom1_2.jpg" style="width: 40%;">
                </li>

                <li>
                    <img src="../../assets/lb_bottom2.jpg" alt="">
                </li>

                <li>
                    <img src="../../assets/lb_bottom2_1.jpg" alt="">
                </li>

                <li>
                    <img src="../../assets/lb_bottom2_2.jpg" alt="">
                </li>

                <li>
                    <img src="../../assets/lb_bottom2_3.jpg" alt="">
                </li>

                <li >
                    <img src="../../assets/lb_bottom2_4.jpg" alt="">
                </li>

                <li>
                    <img  src="../../assets/lb_bottom3.jpg" alt="">
                </li>
            </ul>
        </div>
    </div>
</template>

<script setup lang="ts">
     
</script>

<style scoped>
.van-nav-bar{
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 10000;
    }
.my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    margin-top: 50px; 
  }

  .lb{
    margin-top: 50px;
  }
.lb_1 li img{

    width: 100%;
}
.bg{
    background-color: #F7F8FA;
}
</style>